<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		#outer{background: red;width: 500px; height: 500px;}
		#inner{background: yellow;width: 200px; height: 200px;}
	</style>
	<script type="text/javascript">
		function outer(){
			alert("outer");
		}
		function inner(thing){
			alert("inner");
			thing.stopPropagation();
		}
	</script>
	<body>
		<div id="outer" onclick="outer">
		<div id="inner" onclick="inner(event)"></div>
		</div>
	</body>
</html>
